<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>教育资源-编辑资料</title>
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/LeftsideBar.css">
	<link rel="stylesheet" href="css/accountSafe.css">
	<link rel="stylesheet" href="resource/resFilesCss/public.css">
</head>
<body>
	<div id="header"></div>
	<div class="mainBg">
		<div class="mainBgMid clearfix">
			<div class="leftNav"></div>
			<div class="rightContent">
				<p class="titP">绑定手机</p>
				<div class="bill-box dis_none" style="background: rgb(252, 252, 252);" id="bind_phone_add">
		            <form name="bindEmail" action="/index.php?r=widgets/mm_center_person/35/ucenter/security/security/bindPhone" method="post" id="bindPhone" class="ff f_email">
		                <p class="pdl10">温馨提示：绑定后不仅可作为帐号登录，还可以便于找回密码</p>
		                <p class="mgt5">
		                    <span class="label_s pdr10">绑定手机：</span>
		                    <input name="phone" value="" class="inp vali_error" style="width:216px; " type="text">
		                </p>
		                <p class="mgt10">
		                    <span class="label_s pdr10 spacing">验证码：</span>
		                    <input name="valCode" value="" class="inp" style="width:87px; " type="text">
		                    <input name="vaildata" value="auaZtr1%2FbAX0iid5gDCkXlmRXM6GwXXX3QBr%2BYE6tUPRdBx%2FUBojt" id="vaildata" type="hidden">
		                    <!--&nbsp;&nbsp;<img id="valclick" src="/index.php?r=widgets/mm_center_person/35/ucenter/security/security/getValCode&type=bindphone&s=9186dy1snw9ru5fzm0i"  title="看不清，点击换一张" onclick='javascript:this.src="/index.php?r=widgets/mm_center_person/35/ucenter/security/security/getValCode&type=bindphone&s=9186dy1snw9ru5fzm0i&"+Math.random();' style='cursor:pointer;width:120px;height:29px;'/>-->
		                    &nbsp;&nbsp;<img id="valclick" src="" vaildata="" title="看不清，点击换一张" onclick="getVcode();" style="cursor:pointer;width:120px;height:29px;">
		                    <!-- a class="blue">换一换</a-->
		                </p>
		                <p class="mgt10">
		                    <span class="label_s pdr10 spacing">短信验证码：</span>
		                    <input name="actCode" value="" class="inp mgr10" style="width:87px;" type="text">
		                    <input value="获取短信验证码" id="lfy_verify" class="inpBtn-Gray f14 getActCode lml_verify" style="width:120px;height: 32px;" type="button">
		                    <input value="120秒后重新发送" id="lfy_info" class="inpBtn-Gray f14 verify lml_verify dis_none" type="button">
		                </p>
		                <h3 class="mgt20">
		                    <input type="submit" id="bindBtn" class="u_white_btn mgr10 reg_btn_submit" value="绑定手机">
		                    <input type="button" class="u_gray_btn f14" id="Phonecancel" value="取消更改">
		                </h3>
		            </form>
				</div>

				<div class="bill-box mgt10" style="background:#fcfcfc;" id="bind_phone_suc">
		            <div class="finish_bind">
		                <p class="bind phone"><span></span></p>
		                <p class="t_c mgt5">已绑定手机号150****0943</p>
		                <h3 class="mgt15">
		                    <input type="button" name="EditPhone1" class="u_white_btn mgr10" id="changePhone" value="更改号码">
		                    <input type="button" class="u_gray_btn f14" id="unBindPhone" value="解除绑定">
		                </h3>
		            </div>
		        </div>
			</div>
		</div>
	</div>
	<div class="footerBot"></div>
	<script src="./js/jquery.js"></script>
	<script src="./js/fxtpl.plus.js"></script>
	<script src="./layui/layui.all.js"></script>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<script>
		 var dataClass = {"dataClass":7};
		 var header = Fxtpl.render('./weight/header.html',dataClass);
		 $('#header').html(header);

		 var sildeBar = { rankNum:4};
		 var leftNavBar = Fxtpl.render('./weight/LeftsideBar.html',sildeBar);
		 $(".leftNav").html(leftNavBar);

		 $("#changePhone").on("click",function(){
		 	$(".bill-box").eq(0).removeClass("dis_none");
		 	$(".bill-box").eq(1).addClass("dis_none");
		 });
		 $("#bindBtn,#Phonecancel").on("click",function(){
		 	$(".bill-box").eq(1).removeClass("dis_none");
		 	$(".bill-box").eq(0).addClass("dis_none");
		 	return false;
		 });
		 $("#unBindPhone").on("click",function(){
 			 	layer.confirm('确定要解除绑定手机号吗', {
 			 	  btn: ['是','否'] //按钮
 			 	}, function(){
 			 	  layer.msg('解绑成功',{
			 	  			  icon:1,
	                          offset:['50%'],
	                          time: 2000 //2秒关闭（如果不配置，默认是3秒）
	                    },function(){
	                        location.reload();
	                    }); 
 			 	}, function(){
 			 	});
		 });
	</script>
</body>
</html>